<template>
  <div class="logo" :style="{ height: height }">
    <img class="logo-image" src="@/assets/allx.svg" :height="`${height}px`" />
  </div>
</template>
<script>
import { playLoop } from '@/utils/index';

export default {
  props: {
    height: {
      type: Number,
      required: true
    }
  },
  name: 'Logo',
  mounted () {
    this.life = true;
    playLoop(".logo-image", "flip", this, 4000);
  },
  destroyed () {
    this.life = false;
  },
}
</script>
<style lang="scss" scoped>
</style>